/*
  1. 下载
    npm i vue-router@3

    因为vue-router4版本为vue3服务的，vue2不能使用
  2. 配置
    新建文件 src/router/index.js
      ```js
        import Vue from "vue";
        // vue-router是vue的插件，所以需要进行安装
        import VueRouter from "vue-router";

        // 引入路由组件
        import HomeComp from "../views/HomeComp";
        import AboutComp from "../views/AboutComp";

        // 安装插件
        // 内部会做两件事：
        Vue.use(VueRouter);

        // 进行路由配置
        const router = new VueRouter({
          // 配置对象
          routes: [
            {
              // 路由路径
              path: "/home",
              // 路由组件
              component: HomeComp,
            },
            {
              path: "/about",
              component: AboutComp,
            },
            {
              path: "*", // 匹配任意地址（除了前面地址以外）
              redirect: "/home", // 重定向
            },
          ],
        });

        export default router;
      ```
      - 在main.js应用router
      import router from './router'

      new Vue({
        router,
      })

  3. 使用
      <router-link> 用来路由跳转
      <router-view> 用来显示路由组件
*/
import Vue from "vue";
// vue-router是vue的插件，所以需要进行安装
import VueRouter from "vue-router";

// 引入路由组件
import HomeComp from "../views/HomeComp";
import AboutComp from "../views/AboutComp";

// 安装插件
// 内部会做两件事：
Vue.use(VueRouter);

// 进行路由配置
const router = new VueRouter({
	// 配置对象
	routes: [
		{
			// 路由路径
			path: "/home",
			// 路由组件
			component: HomeComp,
		},
		{
			path: "/about",
			component: AboutComp,
		},
		{
			path: "*", // 匹配任意地址（除了前面地址以外）
			redirect: "/home", // 重定向
		},
	],
});

export default router;
